<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .mask{
            background-color: rgba(0,0,0,0.5);
            position: fixed;
            /*width: 100vw;*/
            /*height: 200vh;*/
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
        }
    </style>
</head>
<body>
<div class="mask"></div>
<div class="main">
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid architecto asperiores assumenda deserunt
        dolore explicabo fugiat ipsa laboriosam molestias, nam non, officia officiis omnis repellendus sint tenetur
        totam veniam voluptatum.
    </div>
    <div>Aliquid at aut autem eos, inventore iure magnam minus nemo neque nihil, nulla pariatur perferendis placeat quae
        quibusdam vitae voluptate voluptatibus! Autem debitis facere nam nemo provident quae quos sequi.
    </div>
    <div>A amet consectetur consequuntur culpa cumque delectus dolor error est facilis fugiat illo minus nulla odit
        officiis qui, quis reiciendis tempore ullam! Consectetur, consequatur cum cumque deleniti distinctio iusto
        quaerat?
    </div>
    <div>Assumenda distinctio dolore error ex iste molestiae nam perferendis qui quos, voluptas. Aliquid aperiam,
        asperiores atque culpa cupiditate doloremque eaque hic inventore molestias odit omnis sapiente temporibus
        tenetur? Debitis, illum.
    </div>
    <div>Consequatur harum quis ullam? Accusantium delectus error illum laborum, nemo omnis repudiandae tempore
        voluptatem? A alias delectus, dignissimos distinctio et facere id iste nemo nesciunt officia quaerat, quos rerum
        voluptatibus?
    </div>
    <div>A consectetur deleniti dignissimos, ducimus et impedit incidunt iste itaque laboriosam laborum obcaecati odio
        odit officia officiis quasi quibusdam repudiandae! Accusamus deserunt dolorum fugiat inventore laudantium omnis
        rem sapiente voluptatum.
    </div>
    <div>Amet asperiores debitis id ipsa libero minima praesentium reprehenderit soluta ut! Adipisci architecto dicta
        eum iure minima modi quisquam repellat tempore. Ad dignissimos eligendi modi necessitatibus officiis similique
        sit voluptatibus.
    </div>
    <div>Ab accusamus ad aliquam amet animi corporis dolorem dolorum earum expedita facere hic impedit ipsam ipsum
        maxime modi mollitia natus, necessitatibus pariatur, porro recusandae repudiandae tempora vel veritatis vitae
        voluptates!
    </div>
    <div>Accusantium ad dolor, dolore expedita molestias nesciunt, nihil odio qui recusandae sapiente sed similique
        veniam, voluptatibus! Accusantium deleniti fugit reprehenderit vero voluptates! Commodi deserunt est nulla,
        porro quae sequi vitae!
    </div>
    <div>Aut beatae debitis deleniti distinctio dolor est facilis fugit id illum itaque laborum magni maxime mollitia
        natus nemo nisi officiis qui quia quibusdam quidem quisquam sed sunt suscipit, velit, voluptatum!
    </div>
    <div>Fugit harum iste minima reiciendis. Asperiores at atque aut autem consequatur deleniti doloribus eaque id
        inventore ipsum minus natus nesciunt non pariatur placeat porro quae quisquam rem soluta vero, voluptatibus!
    </div>
    <div>Aliquam blanditiis ex id illo in ipsam necessitatibus odit perferendis quia unde voluptate voluptatem,
        voluptatibus! Accusantium corporis eligendi incidunt ipsa iste libero minima, modi necessitatibus numquam,
        pariatur quisquam, sunt ullam.
    </div>
    <div>Cum doloremque ducimus non? Animi aut eaque harum id ipsum iste laboriosam maxime mollitia nam necessitatibus
        neque nulla officiis optio porro qui, repellat tenetur? Deserunt eum eveniet iure odit placeat.
    </div>
    <div>Atque, deleniti minima? Iure molestiae molestias nam nobis recusandae. Animi debitis dolorem est impedit
        incidunt laboriosam laudantium, magni natus non obcaecati pariatur placeat possimus repellat tempora tenetur ut
        vero voluptatum.
    </div>
    <div>Alias architecto atque, ex harum id iure laboriosam libero modi, molestias nesciunt quisquam rem sed similique
        sint temporibus ullam voluptate! Accusamus delectus deleniti harum necessitatibus, officia perferendis provident
        quos voluptates.
    </div>
    <div>Assumenda deleniti deserunt distinctio eveniet ex excepturi id illum in incidunt iure iusto maiores minima
        mollitia nisi officiis placeat porro, quibusdam quidem quisquam quod repellendus repudiandae sapiente sint
        suscipit temporibus.
    </div>
    <div>Dicta excepturi itaque minus officia pariatur? A ad doloremque ea esse fugiat maxime, minima minus nisi nulla
        odit possimus quam qui quia quis repellendus sequi sit suscipit unde velit voluptate.
    </div>
    <div>Autem consequatur corporis doloribus ducimus eligendi labore magni neque, nihil quae unde. Amet, beatae dolorum
        eaque in itaque iusto natus necessitatibus odio pariatur perspiciatis provident quos soluta temporibus ut
        voluptate.
    </div>
    <div>Commodi ex incidunt itaque labore maxime nesciunt quasi quia quod rem soluta. A alias commodi consequatur
        corporis deleniti dolorum earum facere optio, quidem quisquam quo sint voluptas voluptates. Dicta, minus!
    </div>
    <div>Ipsa, quos sint. Architecto aspernatur consequatur fuga inventore ipsa nulla quos. Accusamus debitis eum libero
        minima nam. Fugit laboriosam laborum rerum. Atque culpa deleniti, eaque harum laborum minima officiis provident.
    </div>
    <div>Consequatur dolore nobis repellendus ut vero! Alias architecto asperiores dolor dolorem et eveniet illum
        impedit iure laboriosam, maiores maxime mollitia sapiente tempore tenetur voluptates. Exercitationem iure, quod.
        Explicabo, facilis, repellendus!
    </div>
    <div>Alias at beatae, commodi ducimus ea earum error esse est facilis fugit labore magni necessitatibus nobis
        nostrum nulla omnis quae quasi quia, quibusdam ratione reiciendis sint suscipit unde vero, voluptate?
    </div>
    <div>Dolor earum molestias porro ut. Blanditiis expedita fugiat possimus ullam. Animi aperiam aut deleniti deserunt
        distinctio eaque ex, harum impedit ipsum labore nisi officiis perspiciatis, quasi qui quo sequi voluptates?
    </div>
    <div>Amet autem, dolorum et, ipsam molestias perspiciatis quaerat quibusdam recusandae similique sit, ut vel velit
        vero! Ab accusantium cumque cupiditate dolor eum inventore ipsam quasi rerum, sunt tenetur, totam voluptatum?
    </div>
    <div>Ad animi eveniet ex ipsa laudantium minus molestiae officia qui quia veniam? Eaque eius excepturi numquam
        perferendis placeat quam rerum tenetur. Asperiores eos excepturi fugiat harum minus nesciunt sapiente, unde?
    </div>
    <div>Ab amet autem consequatur cupiditate deserunt eligendi enim et fuga laboriosam minima necessitatibus nostrum
        odio odit reiciendis rem repudiandae sunt tempora, tenetur vero voluptatibus? Aperiam autem distinctio minima
        rem suscipit?
    </div>
    <div>Deserunt, nisi, suscipit. Aliquid esse illum nisi, officiis pariatur quis quos sed tenetur! Autem dicta eius
        illum voluptatibus? Consectetur deleniti dolore dolores eligendi eos error maiores quaerat quia soluta
        veritatis?
    </div>
    <div>Accusamus amet atque beatae consectetur cum dignissimos, dolores enim et eveniet itaque laboriosam molestias
        mollitia nisi officiis optio placeat quasi, quibusdam quidem quos saepe soluta unde voluptas. Consequatur,
        doloribus sit!
    </div>
    <div>Ab alias blanditiis consequatur consequuntur cum debitis deserunt dolor eius esse fugit ipsam, laboriosam modi
        natus neque nulla odio perferendis quasi quibusdam ratione repellat repellendus rerum, sapiente sed tempore
        ullam.
    </div>
    <div>Alias architecto consequatur debitis dolore earum est expedita harum illum magnam minus molestiae nisi nostrum
        praesentium quae quo quod, repellendus rerum sit soluta suscipit temporibus vero voluptas. Nisi, similique,
        suscipit!
    </div>
    <div>A ad atque autem debitis dicta eligendi enim error facere hic incidunt laborum magnam maxime minus nesciunt
        nobis numquam, obcaecati, odit officiis placeat possimus quo quod reprehenderit sed suscipit voluptatum?
    </div>
    <div>Ab aut deserunt in magnam numquam quis rem repudiandae! Dolor esse harum in ipsa iusto labore minus neque odio
        odit pariatur perferendis, placeat porro provident quae qui quidem rem? Sed.
    </div>
    <div>A aperiam at aut debitis deleniti dolorum ducimus enim hic inventore ipsam ipsum iure laborum magnam minus nam
        natus nisi obcaecati praesentium quam quasi reprehenderit saepe sapiente totam veritatis, voluptate?
    </div>
    <div>Accusantium autem consequatur consequuntur cupiditate delectus dolor dolores doloribus facere, iusto magni nam
        perferendis praesentium quas repellendus saepe. A dolore doloribus earum et facilis nisi provident quas quisquam
        velit voluptates!
    </div>
    <div>Atque, consequuntur doloremque eius eos error eum minus mollitia nesciunt nobis numquam perferendis quaerat
        quidem sint sit, veniam. Est impedit odio quasi qui repellat. Accusamus consequuntur distinctio fuga odio sed.
    </div>
    <div>Atque enim hic laborum magnam nam nemo odio optio quasi qui quo? Cumque ea excepturi magnam magni molestias
        natus necessitatibus, nisi soluta voluptas voluptatibus! Cum necessitatibus nobis pariatur quisquam sapiente!
    </div>
    <div>Accusamus, aliquam aliquid autem beatae cum delectus, distinctio dolorem ea eaque eius eligendi excepturi
        expedita facere harum id magni maxime molestias obcaecati officiis perspiciatis placeat quod sed soluta vitae
        voluptatibus!
    </div>
    <div>Aliquid debitis doloribus est ex explicabo laboriosam sit tempore ullam. Fugiat, magnam repellendus! Blanditiis
        commodi dicta eos fuga impedit maiores nobis nulla, pariatur perferendis quae quibusdam, suscipit unde, vero
        voluptatem?
    </div>
    <div>Asperiores aut dicta modi nobis numquam, omnis suscipit. Ad quod, tempora. Distinctio fugiat mollitia nulla
        omnis ratione repellat sit. Aut cupiditate debitis dolores ducimus nemo quod, recusandae sint vel veritatis.
    </div>
    <div>Alias at aut deserunt doloribus, eum harum iste maiores maxime molestias, neque numquam officiis, pariatur
        reiciendis sit temporibus unde veritatis voluptatibus! Ab architecto cupiditate iusto magnam optio porro quidem
        sunt.
    </div>
    <div>Adipisci alias aspernatur at consequuntur corporis delectus dicta distinctio doloremque dolores doloribus esse
        ipsa ipsam iste iure iusto labore mollitia nisi officiis pariatur quasi qui quo, sint soluta totam ullam!
    </div>
    <div>Accusantium beatae cumque eius iste numquam repellendus vitae? A alias architecto cumque dicta dignissimos
        dolor eius enim fuga, id inventore ipsum itaque odit officiis porro ratione saepe tempora unde ut.
    </div>
    <div>A aperiam autem beatae consequatur, dignissimos doloribus dolorum eos excepturi fugit inventore ipsa iusto
        laborum laudantium, magni maxime minus molestias possimus qui, quis repellendus sapiente sed similique tempora?
        Consequatur, quod.
    </div>
    <div>Adipisci aspernatur, aut cumque cupiditate deserunt dicta est ex fugit impedit incidunt ipsa itaque laudantium
        maiores nemo nesciunt, nulla possimus reiciendis repellendus saepe sunt, tempore veniam voluptatibus! Animi,
        natus, nisi?
    </div>
    <div>Ad doloribus impedit saepe unde ut! Doloribus ex expedita nam natus nihil nisi voluptate? Aliquam, atque
        corporis cumque dolor dolorem inventore iste, nemo officiis provident, repellat sit voluptate voluptatem
        voluptatibus.
    </div>
    <div>Atque consectetur distinctio dolores impedit incidunt laudantium porro quasi, recusandae sapiente sint ut
        voluptate voluptatum! Beatae incidunt ipsa labore quo reiciendis. Culpa cumque excepturi hic minus porro
        provident tempora voluptatibus!
    </div>
    <div>Aperiam aut commodi cum cumque deserunt maiores maxime nemo, quae quia recusandae saepe sint tempora veniam.
        Corporis cum ducimus eligendi eveniet harum itaque libero nam nisi perspiciatis provident saepe, tempora.
    </div>
    <div>Commodi consequuntur ducimus, error inventore natus necessitatibus quae qui quidem quisquam, reiciendis rem
        repellendus reprehenderit, voluptates. Aliquid deserunt, dignissimos enim facilis minus officia porro quasi rem
        tempore ullam! Neque, qui?
    </div>
    <div>Adipisci aspernatur atque blanditiis consequatur cupiditate deserunt dolor dolores dolorum ducimus eius, eos,
        id illo impedit inventore labore libero magnam mollitia nulla repudiandae rerum sint sit soluta tempore totam
        voluptate!
    </div>
    <div>Alias aliquid, blanditiis dignissimos distinctio fuga iure laboriosam nihil pariatur perspiciatis porro quas
        quasi repellat saepe sit ullam ut voluptatibus. Dolorem ipsum iure tempore. Culpa excepturi id itaque quos
        voluptatibus?
    </div>
</div>
</div>
</body>
</html>